<template>
    <div>
         <el-form
                :model="table.params"
                ref="queryForm"
                :inline="true"
                label-width="100px"
            >
                <el-form-item label="显示离职用户" prop="status">
                   <el-switch
                        v-model="status"
                        active-color="0"
                        inactive-color="1"
                        @change="handleStatusChange()">
                        </el-switch>
                </el-form-item>
            </el-form>

            <Table :api="$Api.user.list" @dbClick="dblclick" ref="Table">
                <el-table-column
                    label="姓名"
                    align="center"
                    prop="nickName"
                    width="100"
                />
                <el-table-column
                    label="账号"
                    align="center"
                    prop="userName"
                    width="200"
                />
                <el-table-column
                    label="电话"
                    align="center"
                    prop="phonenumber"
                    width="200"
                />
                <el-table-column
                    label="部门"
                    align="center"
                    prop="dept.deptName"
                    width="80"
                />
                <el-table-column
                    label="职位"
                    align="center"
                    prop="remark"
                />
            </Table>
    
    </div>
</template>

<script>

export default {
   data() {
       return {
        table:{
            show: false,
        },
        status:false 
       }
   },
   methods:{
       dblclick(row) {
            let { nickName } = row;
            this.$emit("input", nickName);
            this.selectValue = nickName;
            this.$parent.$emit('cancelClick',this.selectValue)
        },
       handleStatusChange(){}
   }
}
</script>